<template>
    <el-row>
        <el-col>
            <div class="mt-4">
                <el-input v-model="input3" style="max-width: 600px" placeholder="Please input"
                    class="input-with-select">
                    <template #prepend>
                        <el-select v-model="select" placeholder="Select" style="width: 115px">
                            <el-option label="Restaurant" value="1" />
                            <el-option label="Order No." value="2" />
                            <el-option label="Tel" value="3" />
                        </el-select>
                    </template>
                    <template #append>
                        <el-button :icon="Search" />
                    </template>
                </el-input>
            </div>
        </el-col>
    </el-row>
</template>

<script setup>
import { Search } from '@element-plus/icons-vue'
import { ref } from 'vue';
const input3 = ref('');
</script>

<style scoped>
</style>